<template>
    <div :class='$style.filterItem'>
        <div :class='$style.label'>
            {{label}}
            <slot name='label'></slot>
        </div>
        <div :class='$style.input'>
            <slot></slot>
        </div>
    </div>
</template>

<script lang="ts">
    import { defineComponent } from 'vue'

    export default defineComponent({
        props : {
            label : String
        }
    })
</script>

<style scoped module lang='scss'>
    .filterItem{
        display: inline-flex;
        vertical-align: top;
        align-items: center;
        //padding: 6px 20px 0 0;

        .label{

        }

        .input{
            max-width: 200px;
        }
    }
</style>